﻿@charset "UTF-8";
body{overflow-x:hidden;}
#sliderMenu{ position: fixed; z-index: 20; height: 208px; width: 50px; top: 50%; right: 0px; margin-top: -104px; }
.hmMenuNum { font: bold 14px Arial; color: #FFF; opacity:0; transition:all 0.4s ease-in-out; }
.active .hmMenuNum{opacity:1;}
.hmMenuLine { height: 1px; width: 10px; background: #FFF; position: absolute; top: 50%; right: 38px; transition:all 0.4s ease-in-out; }
.active .hmMenuLine{ width:26px; height:3px; right:0; margin-top:-1px;}
.sliderMenuStyle .hmMenuNum{color:#888888;}
.sliderMenuStyle .hmMenuLine{background:#888888;}
#sliderMenu li { line-height: 15px; height: 15px; margin: 6px 0px 7px; position: relative; }
.hmPage3L{height:100%; width:50%; float:left;}
.hmPage3R{ height: 100%; width: 50%; float: right; background: url(../images/hmPage3_2.jpg) no-repeat center center; background-size: cover!important; color: #FFF; position: relative; }
.hmPage5L{ height: 100%; width: 50%; float: left; background: url(../images/hmPage5_1.jpg) no-repeat center center; background-size: cover!important; position:relative; }
.hmPage5R{ height: 100%; width: 50%; float: right; padding-top:80px; position:absolute; right:0; top:0 }
.hmPage7L{ height: 100%; width: 50%; float: left; background: url(../images/hmPage7_1.jpg) no-repeat center center; background-size: cover!important; position: relative; }
.hmPage7R{ height: 100%; width: 50%; float: right; position: relative; }
.hmFocus{height:100%;}
.hmFocus .swiper-slide{height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden!important}
.hmFocus .swiper-pagination-bullet{ opacity: 0.6; border-radius: 0; height: 3px; width: 30px; background: #FFF; }
.hmFocus .swiper-pagination-bullet-active{ opacity:1;}
.hmFocus .swiper-pagination{bottom:45px;}
.hmPage2Bg { height: 30%; width: 100%; position: absolute; left: 0px; bottom: 0px; overflow:hidden; }
.canvasBg{height:100%; width:100%; border:none 0; transform:scale(1.3)}
.hmPage2Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}
#particles {width: 100%;height: 100%;overflow: hidden; position:relative;}
.hmPage2Note { position: absolute; z-index: 6; margin-left: 20px; right: 20px; bottom: 20px; color: #999; }
.hmPage2Box { position: relative; z-index: 5; }
.hmp2_t1 { font-size: 32px; line-height: 50px; height: 50px; }
.hmp2_t2 { text-transform: uppercase; font: bold 40px/48px Arial; color: #e83827; padding-bottom: 22px; position:relative }
.hmp2_t2:after{ content:""; width:37px; height:3px; background:#333333; position:absolute; left:0; bottom:0}
.hmp2_p1 { font-size: 14px; line-height: 24px; color: #808080; min-height: 82px; padding-bottom: 15px; margin-top: 24px; }
.hmp2_ul { margin: 40px -40px 0; text-align: center; }
.hmp2_ul li { display: inline-block; height: 150px; width: 150px; margin: 0px 40px; margin-top:-30px; position: relative; }
.hmp2Itms_a { height: 150px; width: 150px; border: 2px solid #BBBBBB; display: inline-block; border-radius:0.5em; transform:rotate(45deg) }
.hmp2ItmsTxt{ transform: rotate(-45deg); width: 100%; height: 100%; padding-top:18px; }
.hmp2ItmsTxt strong { display: block; font: 34px/54px Georgia; height:54px; overflow:hidden }
.hmp2ItmsTxt p { font-size: 14px; line-height: 24px; height:48px; overflow:hidden; color: #666666; width: 105px; display: inline-block; transition:all 0.3s ease }
.hmp2Itms_a:hover p{color:#fff;}
.hmp2_ul li:nth-child(1) .hmp2Itms_a,.hmp2_ul li:nth-child(3) .hmp2Itms_a,.hmp2_ul li:nth-child(5) .hmp2Itms_a,.hmp2_ul li:nth-child(7) .hmp2Itms_a,.hmp2_ul li:nth-child(8) .hmp2Itms_a{ background: #e4e4e4; border: 2px solid #e4e4e4; }
.hmp2Itms_a:hover{ color: #FFF; background: #e83827!important; border: 2px solid #e83827!important; }
.hmp2Empty .hmp2Itms_a:hover{ border: 2px solid #BBBBBB!important; background:none!important; cursor:default;}
.hmp3_t1 { line-height: 50px; font-size: 32px; margin-top:60px; }
.hmP3Txt { position: absolute; top: 50%; transform:translateY(-50%); padding: 0px 22% 0px 21%; left:0; width:100% }
.hmp3_t2 { font: bold 40px/50px Arial; height: 73px; position: relative; text-transform: uppercase; }
.hmp3_t2:after{ content:""; width:37px; height:3px; background:#fff; position:absolute; left:0; bottom:0}
.hmp3Des { font-size: 14px; line-height: 28px; color: #ffd5d1; padding: 20px 0px 25px; }
.hmp3Des p{margin-bottom:15px;}
.hmp4Notes { position: absolute; z-index: 6; margin-left: 20px; right: 20px; bottom: 20px; color: #999; }
.hmp4Box { position: absolute; width: 100%; left: 0px; top: 50%; transform:translateY(-50%) }
.pg-canvas{position:absolute; left:0; top:0;}
.hmp4Wrpper { height: 100%; position: relative; z-index:2; }
.hmp4_ul { margin: 0px -20px; }
.hmp4_ul li { padding: 0px 20px; }
.hmp4_aBox { display: block; text-align: center; height: 320px; position: relative; background: rgba(200,200,200,0.45); padding-top: 77px; overflow: hidden; }
.hmp4Icon { height: 98px; }
.hmp4_aBox strong { font-size: 16px; color: #222222; line-height: 40px; font-weight: normal; display: block; }
.hmp4_aBox p { text-transform: uppercase; font-size: 12px; color: #888888; line-height: 20px; padding: 0px 16%; }
.hmp4LayerBg{ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; background: #e83827; transition:all 0.5s ease-in-out; opacity:0; transform:translate(0,200px);}
.hmp4Layer { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; font-size: 13px; line-height: 26px; z-index:1 }
.hmp4LayTxt { position: absolute; top: 50%; left: 16%; right: 16%; transform:translate(0,-200%); transition:all 0.5s ease-in-out; opacity:0; text-align:left; }
.hmp4MoreBtn{width:100%; height:36px; line-height:36px; color:#fff; font-size:16px; border:1px solid #fff; padding:0 15px;}
.hmp4MoreBtn i{position:relative; left:0; transition:all 0.3s ease-in-out 0.5s;}
.hmp4Des{ height:182px; overflow:hidden; margin-bottom:15px;}
.hmp4_aBox:hover .hmp4LayTxt{ transform:translate(0,-50%); opacity:1; transition-delay:0.1s;}
.hmp4_aBox:hover .hmp4LayerBg{opacity:1; transform:translate(0,0)}
.hmp4_aBox:hover .hmp4MoreBtn i{ left:50%; transform:translateX(-50%)}
.hmP5LNotes { position: absolute; z-index: 6; margin-left: 20px; right: 20px; bottom: 20px; color: #ccc; }
.hmP5Lbox { position: absolute; left: 23%; top: 50%; right: 23%; color: #FFF; transform:translateY(-50%) }
.hmp5_p1 { font-size: 14px; line-height: 24px; padding: 24px 0px; min-height: 168px; border-bottom: 1px solid #FFDDD9; margin-bottom: 28px; }
.hmp5_u1 li { width: 50%; float: left; height: 92px; margin-top: 15px; overflow: hidden; }
.hmp5_u1 li strong { display: block; font: normal 30px/50px Arial; }
.hmp5_u1 li p { line-height: 22px; height: 44px; overflow: hidden; max-width:206px }
.hmPage5R li { height: 50%; position: relative; }
.hmPage5R li:last-child{background:#F3F3F3;}
.hmp5Itms { position: absolute; top: 50%; transform:translateY(-50%); left:16%; right:16%; display:block }
.hmp5Icon { float: left; height: 80px; width: 80px; border: 2px solid #959595; border-radius:50%; }
.hmp5Icon1 { background: url(../images/hmp5Icon1.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon1 { background: url(../images/hmp5Icon1.png) no-repeat center top;}
.hmp5Icon2 { background: url(../images/hmp5Icon2.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon2 { background: url(../images/hmp5Icon2.png) no-repeat center top;}
.hmp5Itms:hover .hmp5Icon{ border:2px solid #E83827;}
.hmp5Txt { margin-left: 110px; }
.hmp5Txt strong { line-height: 42px; height: 42px; margin-bottom: 20px; font-size: 28px; color: #000000; font-weight: normal; display: block; }
.hmp5Txt strong span { float: left; position:relative; }
.hmp5Txt strong span:after{ content:""; width: 20px; height: 3px; background: #E83827; display: block; position: absolute; right: -30px; bottom: 8px; }
.hmp5Txt p { font-size: 13px; line-height: 26px; color: #888888; margin-bottom: 25px; }
.hmMore { height: 31px; width: 131px; display: block; position: relative; padding-left: 37px; line-height: 31px; text-transform: uppercase; color: #e83827; transition:all 0.5s ease; }
.hmMore:before{ content: ""; height: 31px; width: 110px; border: 1px solid #E83827; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease; }
.hmMore:after{ content: ""; background: url(../images/hmp3_arrow2.png) no-repeat left top; height: 7px; width: 45px; position: absolute; margin-top: -4px; top: 50%; right: 0px; transition:all 0.5s ease; }
.hmp5Itms:hover .hmMore{ color: #FFF; background: #e83827; padding-left: 28px; }
.hmp5Itms:hover .hmMore:before{ width: 100%; }
.hmp5Itms:hover .hmMore:after{ background: url(../images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.hmp4_t1{margin-top:60px;}
.hmp6_icon1 { background: url(../images/hm6_simg1.png) no-repeat; height: 190px; width: 988px; position: absolute; left: 50%; top: 0px; margin-left:-494px; }
.hmp6_icon2 { background: url(../images/hm6_simg2.png) no-repeat left top; height: 552px; width: 374px; position: absolute; left: 0px; bottom: 13%; }
.hmp6_icon3 { background: url(../images/hm6_simg3.png) no-repeat; height: 172px; width: 666px; position: absolute; left: 50%; bottom: 0px; margin-left:-333px; }
.hmp6_icon4 { background: url(../images/hm6_simg4.png) no-repeat; height: 258px; width: 428px; position: absolute; right: 7%; top: 23.6%; }
.hmp6_t1 { font-size: 32px; line-height: 50px; text-align: center; height: 50px; margin-top: 60px; }
.hmp6_t2 { text-transform: uppercase; font: bold 40px/48px Arial; color: #e83827; padding-bottom: 22px; position: relative; text-align: center; }
.hmp6_t2:after{ content:""; width:37px; height:3px; background:#333333; position:absolute; left:50%; margin-left:-19px; bottom:0}
.hmp6Imts { max-width: 1000px; margin: 40px auto 0px; padding: 20px 0px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.hmp6Notes { width: 100%; text-align: center; display: block; margin-top: 20px; color: #999; }
.hmp6Txt { font-size: 15px; line-height: 30px; text-align: center; color: #666; margin: 0px auto; padding: 34px 15px 18px; max-width: 890px; }
.hmp6More { line-height: 14px; border: 1px solid #E83827; text-align: center; padding-top: 22px; height: 66px; width: 66px; text-transform: uppercase; display: block; margin: 0px auto; color: #E83827; border-radius:50%; position:relative; z-index:10 }
.hmp6More:hover{ color: #FFF; background: #e83827; }
.hmp6_w1 { width: 20%; text-align:left; border-right:1px solid #DFDFDF; }
.hmp6_w2 { width: 24.4%; text-align:center; border-right:1px solid #DFDFDF; }
.hmp6_w3 { width: 29.4%; text-align:center; border-right:1px solid #DFDFDF; }
.hmp6_w4 { width: 26.2%; text-align:right }
.hmp6Imts li{ padding-bottom: 6px; float: left }
.hmp6Imts .text-center { display: inline-block; }
.hmp6Imts .text-center strong { font-size: 30px; line-height: 46px; display: block; height: 46px; font-weight: normal; }
.hmp6Imts .text-center p { font-size: 15px; line-height: 24px; color: #999999; }
.hmP7Lbox { position: absolute; left: 23%; top: 50%; right: 23%; color: #FFF; transform:translateY(-50%) }
.hmp7_p1 { font-size: 14px; line-height: 24px; color: #FFF; border-bottom: 1px solid #FFE2DF; padding: 24px 0px 40px; }
.hmp7_t1 { line-height: 44px; height: 44px; margin-top: 34px; display: block; font-size: 16px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hmp7Dlbox{width:50%; float:left}
.hmp7_dl dt { color: #FFF; line-height: 24px; background: url(../images/hmp7_icon.png) no-repeat left center; padding-left: 15px; position: relative; height: 24px; }
.hmp7_dl dt span{line-height:24px; height:24px; overflow:hidden; display:block;}
.hmp7_dl dt span:hover{text-decoration:underline;}
.hmp7_dl dd { line-height: 22px; padding: 15px; color: #FFF; background: rgba(34,34,34,0.85); border-radius: 0.4em; margin-top: 8px; position:relative; }
.hmp7_dl dd:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgba(34,34,34,0.85); position:absolute; left:30px; top:-8px;}
.hmp7Layer { width: 100%; padding: 20px 25px; position: absolute; left: 0; bottom: 36px; font-size: 12px; line-height: 22px; color: #FFF; background: rgba(34,34,34,0.85); border-radius:0.5em; }
.hmp7Layer:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(34,34,34,0.85); position:absolute; bottom:-8px; left:30px; margin-top:-8px;}
.hmP7Rbox{ position: absolute; top: 50%; left: 12.5%; right: 12.5%; transform: translateY(-50%); }
.hmp7LgList{ padding-bottom: 15px; padding-top:10px;}
.hmp7Lg{ text-align: center; height: 70px; margin: 30px 0px; }
.hmp7Lg img{-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4; transition:all 0.5s ease-in-out; max-width:80%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.hmp7Lg:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmp7LgList .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.hmp7LgList .swiper-pagination-bullet-active{ opacity: 1; background: #E83827; border: 1px solid #E83827; }
.hmp7LgList .swiper-pagination{bottom:0;}
.hmp8_ul { position: relative; padding-top: 38px; }
.hmp8_more { font-size: 14px; color: #e83827; line-height: 28px; height: 32px; width: 114px; border: 2px solid #e83827; text-align: center; position: absolute; right: 0px; top: -60px; }
.hmp8_more:hover{ color: #fff; background: #e83827; }
.hmp8_aBox { display: block; height: 378px; }
.hmp8_ul { margin: 0px -30px; }
.hmp8_ul li { padding: 0px 30px; }
.hmp8Time { text-align: center; width: 60px; font-size: 14px; color: #666666; line-height: 24px; height: 52px; font-weight: bold; float: left; transition:all 0.3s ease  }
.hmp8Time span { font-size: 56px; display: block; line-height: 52px; font-weight: normal; }
.hmp8Sbx { padding-top: 37px; }
.hmp8Txt { margin-left: 85px; }
.hmp8Txt .ellipsis { line-height: 26px; margin-bottom: 15px; padding-bottom: 12px; font-size: 14px; border-bottom: 1px solid #C2C2C2; font-weight: normal; display: block; transition:all 0.3s ease }
.hmp8Txt p { line-height: 24px; color: #777777; height: 95px; overflow: hidden; }
.hmp8_aBox:hover .hmp8Txt .ellipsis{ font-weight: bold; }
.hmp8_aBox:hover .hmp8Time{ color: #e83827; }
.hmp8_aBox:hover .hmMore{ color: #FFF; background: #e83827; padding-left: 28px; }
.hmp8_aBox:hover .hmMore:before{ width: 100%; }
.hmp8_aBox:hover .hmMore:after{ background: url(../images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.hmFooter { font-size: 14px; color: #777; text-align: center; line-height: 26px; padding: 23px 0px; background: #222222; position: absolute; left: 0px; bottom: 0px; width: 100%; }
.hmFooter a{color: #777;}
.hmPage9 { color: #FFF; }
.hmp9Top { margin-bottom: 36px; position: relative; padding-right: 375px; }
.hmp3_adrInfo { padding-top: 26px; line-height: 24px; font-size: 14px; }
.hmp3_adrInfo p { margin-bottom: 10px; position: relative; padding-left: 32px; }
.hmp9Map { position: absolute; top: 18px; right: 275px; }
.hmp9Map i{ background: url(../images/hmposIcon.png) no-repeat; height: 20px; width: 22px; position: absolute; left: 202px; top: 147px; display: inline-block; animation-duration: 1s; animation-fill-mode: both; animation-name: MapIcon; animation-iteration-count:infinite;}
.hmp9_t1 { margin-top: 0px; }
.hmp3_adrInfo p i { position: absolute; left: 0px; top: 2px; line-height: 24px; font-size: 15px; }
.hmp9_fm1 { margin: 0px -7px 4px; }
.hmp9_fm1 li { padding: 0px 7px 14px; position: relative; }
.hmp9_int { line-height: 42px; height: 44px; width: 100%; border: 1px solid #F3B7B1; color: #FFF; font-size: 14px; padding: 0px 10px 0px 40px; background:none; border-radius:0.2em; }
.hmp9_fm1 i { position: absolute; left: 22px; top:15px; color: #F9E2E1; font-size: 16px;}
.hmp9_area { height: 120px; width: 100%; border: 1px solid #f3b7b1; padding: 10px 10px 10px 40px; border-radius: 0.2em; background: none; color: #fff; font: 14px/24px "微软雅黑"; }
.hmp9Areabox { position: relative; }
.hmp9Areabox i { position: absolute; left: 15px; top:17px; color: #F9E2E1; font-size: 16px; }
.hmp9Btn { color: #ffd8dc; line-height: 45px; height: 45px; margin-top: 18px; text-align: center; display: block; font-size: 15px; background:rgba(100,16,7,0.4); border-radius:0.2em; }
.hmp9Btn:hover{ color: #ffd8dc; background:rgba(100,16,7,0.6);}
.hmp3_more { color: #fff; }
.hmp3_more:before{ content: ""; border: 1px solid #fff; }
.hmp3_more:after{ content: ""; background: url(../images/hmp3_arrow2a.png) no-repeat left top; }
.hmp3_more:hover{ background: #d7584c; color: #FFF; }
.hmp3_more:hover:before{ content: ""; border: 1px solid #d7584c; }
.hmp3_more:hover:after{ background: url(../images/hmp3_arrow2a.png) no-repeat right center; width: 30px; right: 23px; }
.hmWelcom { background: #f0f0f0; height: 100%; width: 100%; position:fixed; z-index: 999; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmWelcomBox { width: 100%; position: absolute; top: 50%; left: 0px; transform:translateY(-70%); transition:all 0.3s ease-in-out; opacity:0 }
.hmWel_logo { text-align: center; height: 60px; }
.hmWel_t { line-height: 66px; height: 66px; position: relative; margin: 58px 0px 25px; overflow:hidden; opacity:0; transform:translate(0px,80px); transition:all 0.5s ease-in-out 1.2s;}
.hmWel_tbg{ background: url(../images/hmWel_line.jpg) repeat-x left center; position:absolute; left:0; top:0; height: 66px; -webkit-animation: Ruler 100s linear infinite; -moz-animation: Ruler 100s linear infinite; -o-animation: Ruler 100s linear infinite; animation: Ruler 100s linear infinite; width: 300%; }
.hmWel_nt{ font-size: 40px; color: #000; display: inline-block; line-height: 60px; height: 60px; position: absolute; left: 50%; top: 0px; padding: 0px 40px; background: #f0f0f0; transform:translateX(-50%); }
.hmWel_nt span{font-size:26px;}
.hmWel_p { font-size: 15px; line-height: 32px; color: #888888; text-align: center; padding: 0px 15px; max-width: 880px; margin:0 auto; opacity:0; transform:translate(0px,80px); transition:all 0.5s ease-in-out 1.5s;}
.hmWel_s1{ /*background: url(../images/hmLogo_a.png) no-repeat;*/ height: 60px; width: 67px; display: inline-block; position: relative; left: 5px; transition:all 0.5s ease 0.5s; transform:scale(0);}
.hmWel_s2{ /*background: url(../images/hmLogo_t.png) no-repeat;*/ height: 60px; width: 57px; display: inline-block;transition:all 0.5s ease 0.7s; transform:scale(0);}
.hmWel_s3{ /*background: url(../images/hmLogo_a.png) no-repeat;*/ height: 60px; width: 67px; display: inline-block; position: relative; right: 5px;transition:all 0.5s ease 0.9s; transform:scale(0);}
.hmWelcomBoxAnimate {opacity:1;}
.hmWelcomBoxAnimate .hmWel_s1,.hmWelcomBoxAnimate .hmWel_s2,.hmWelcomBoxAnimate .hmWel_s3{transform:scale(1);}
.hmWelcomBoxAnimate .hmWel_t {opacity:1; transform:translate(0px,0px)}
.hmWelcomBoxAnimate .hmWel_p {opacity:1; transform:translate(0px,0px)}
.hmp9Bom :-moz-placeholder {color: #F9E3E1;  }
.hmp9Bom ::-moz-placeholder {color: #F9E3E1;}
.hmp9Bom input:-ms-input-placeholder,
.hmp9Bom textarea:-ms-input-placeholder {color: #F9E3E1;}
.hmp9Bom input::-webkit-input-placeholder,
.hmp9Bom textarea::-webkit-input-placeholder {color: #F9E3E1;}
.hmWelcom.hmWelcomFedeOut{ transform:scale(0);}
.continue{ font-size:18px; color:#ff3e2b; font-family:Arial; text-transform:uppercase; width:260px; height:50px; border:2px solid #ff3e2b; border-radius:25px; display:block; margin:10px auto; line-height:50px; cursor:pointer; overflow:hidden; position:relative; z-index:1; top:10px;}
.continue span{ position:relative; z-index:1; display:block; top:-2px;
-webkit-animation-name:scalexx;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:scalexx;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
text-align:center;
}
@keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
@-webkit-keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
.continue:after{ display:block; content:""; position:absolute; left:50%; top:-1px; width:0; height:52px; background:#ff3e2b; transform:skew(45deg); -webkit-transform:skew(45deg); transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.continue:hover{ color:#FFF;}
.continue:hover:after{ left:-10%; width:120%;}
.hmBomItms{width:220px; position:absolute; right:0; top:34px;}
.hmBomItms_a{ background: rgba(0,0,0,0.15) url(../images/hmBom_icon1.png) no-repeat 33px center; padding-left: 84px; height: 90px; margin-bottom: 24px; display: block; border-radius: 0.4em; color: #FFF; }
.hmBomItms_a:last-child{ background: rgba(0,0,0,0.15) url(../images/hmBom_icon2.png) no-repeat 33px center;}
.hmBomItms_a strong{ font-size: 18px; line-height: 28px; display: block; padding-top: 23px; font-weight: normal; }
.hmBomItms_a p{ font: 9px/18px Arial; text-transform: uppercase; }
.hmBomItms_a:hover{color:#fff;}
.m2ban { height: 500px; position: relative; background: url(../images/loader.gif) no-repeat center center; }
.m2ban .bgImg { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size: 32px; line-height: 50px; display: inline-block; }
.m2ban_t2 { font-size: 40px; line-height: 50px; font-weight: 600; text-transform: uppercase; }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2Footer{ position: static; }
.m2pos { background: #F4F4F4; padding: 26px 0px; }
.m2posItms { background: url(../images/m2icon1.png) no-repeat left 3px; font-size: 14px; color: #777777; line-height: 22px; position: relative; padding: 0px 260px 0px 20px; }
.m2case_st1 { font-size: 16px; color: #555; padding: 69px 0px 37px; line-height: 28px; text-align: center; }
.m2caseTop { padding: 0px 15px; }
.m2caseTop li { margin-bottom: 45px; padding: 0px 35px; }
.m2caseIconBox { border: 1px solid #B5B5B5; text-align: right; font-size: 16px; color: #aeaeae; line-height: 20px; font-weight: bold; padding: 40px 42.4% 40px 0px; text-transform: uppercase; position: relative; }
.m2caseIcon { background: url(../images/m2icon2_1.png) no-repeat center center; height: 62px; width: 62px; position: absolute; right: 17.8%; top: 50%; transform:translateY(-50%) }
.m2caseTop{padding-bottom:20px;}
.m2caseTop li:nth-child(2) .m2caseIcon{ background: url(../images/m2icon2_2.png) no-repeat center center;}
.m2caseTop li:nth-child(3) .m2caseIcon{ background: url(../images/m2icon2_3.png) no-repeat center center;}
.m2case_st2 { line-height: 30px; font-size: 17px; color: #111; padding: 24px 0px 0px 23px; position: relative; }
.m2case_st2:after{ content: ""; height: 2px; width: 12px; background: #E83827; position: absolute; left: 0px; top: 38px; }
.m2caseItms { margin-top: 18px; position: relative; }
.m2caseItms dt { background: url(../images/m2icon3.png) no-repeat 4px 8px; padding-left: 23px; line-height: 24px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.m2caseDes { font-size: 12px; line-height: 22px; color: #888888; height: 66px; overflow: hidden; }
.m2case_more { background: #FFF url(../images/m2icon4.png) no-repeat right center; display: inline-block; line-height: 22px; white-space: nowrap; position: absolute; right: 0px; bottom: 0px; padding: 0px 12px 0px 32px; color: #E82C1A; }
.m2caseBom { background: #f3f3f3; padding: 56px 0px 60px; }
.m2case_t1 { line-height: 84px; border-bottom: 1px solid #DDDDDD; margin: 0px auto; width:100%; max-width: 585px; font-size: 28px; color: #222222; text-align: center; position: relative; }
.m2case_t1:after{ content: ""; background: #E83827; height: 5px; width: 44px; position: absolute; left: 50%; bottom: -3px; margin-left: -22px; }
.m2case_menu { text-align: center; padding: 35px 0px 15px; }
.m2caseMenu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2caseMenu_a1:hover,.m2caseMenu_a1.on{ color: #FFF; border: 1px solid #E83827; background: #E83827; }
.m2caseLogo { padding-bottom: 40px; }
.m2caseLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2caseLogo .swiper-pagination-bullet-active{ opacity: 1; background: #E83827; border: 1px solid #E83827; }
.m2caseLogo .hmp7Lg{ margin:18px 0}
.m2usTop { padding: 45px 0px 60px; }
.m2comEditor { padding-top: 48px; font-size: 14px; line-height: 30px; color: #777777; }
.m2comImg { float: left; margin-right: 45px; }
.m2usCon2 { background: #F4F4F4; padding: 58px 0px 42px; }
.m2usCon3 { background: url(../images/m2usBg.jpg) no-repeat center center; background-size: cover; padding: 74px 0px 90px; }
.m2usDes { font-size: 14px; line-height: 28px; padding: 45px 0px 50px; color: #777; }
.m2usCon3 .hmp2Itms_a{ background:none!important; border:1px solid #919191!important; color:#919191!important;}
.m2usCon3 .hmp2ItmsTxt p{color:#919191!important;}
.m2usAta { position: absolute; z-index: 3; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.m2usCon3 .m2usLogo .hmp2Itms_a{ background:#e83827!important; border:1px solid #e83827!important;}
.m2usCon3 .hmp2Itms_a:hover{ background:#e83827!important; border:1px solid #e83827!important; color:#fff!important;}
.m2usCon3 .hmp2Itms_a:hover .hmp2ItmsTxt p{ color:#fff!important;}
.m2usCon3 .hmp2_ul{transform:scale(0.88)}
.rMneu { height: 178px; width: 58px; position: fixed; margin-top: -89px; top: 50%; right: 0px; z-index: 90; }
.rMneu li { height: 58px; width: 58px; position: relative; margin-bottom: 2px; }
.rMenu_icon { height: 58px; width: 58px; font-size: 18px; line-height: 58px; color: #B3B3B3; text-align: center; display: block; background: #EBEBEB; border-radius:0.1em; cursor:pointer; transition:all 0.3s ease }
.rMenu_icon:hover{ background:#E83827; color:#fff;}
.rMenu_share { height: 47px; width: 195px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 14px; color: #666; line-height: 45px; padding-left: 11px; transform:translateX(-30px); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; }
.rMneu li:hover .rMenu_share {transform:translateX(0px); opacity:1; visibility:visible;}
.rMenu_share:after{ content: ""; background: url(../images/rhmArrow.png) no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMenu_share1 { font-size: 18px; color: #FFF; background: #6CD563; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share2 { font-size: 18px; color: #FFF; background: #FFC345; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share3 { font-size: 18px; color: #FFF; background:#FE6E6E; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share a:hover{color:#fff;}
.rMenu_tel { height: 47px; width: 165px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 20px; color: #e83827; line-height: 45px; text-align: center; transform:translateX(-30px); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; }
.rMenu_tel:after{ content: ""; background: url(../images/rhmArrow.png) no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMneu li:hover .rMenu_tel {transform:translateX(0px); opacity:1; visibility:visible;}
.m2usSwiper { height: 330px; max-width: 982px; margin: 50px auto 0px; position: relative; background: url(../images/m2yyLine.png) no-repeat center 320px;}
.m2yySbox{ height: 216px; background: #E83827; padding: 0px 132px; position: relative; display: table; width: 100%; }
.m2YYSwiper{ width: 750px; padding-top: 60px; background: url(../images/m2yy_bg.png) no-repeat center top; height: 330px; background-size:100% 60px;  }
.m2usSwiper .swiper-pagination .swiper-pagination-bullet{ height: 11px; width: 11px; border: 2px solid #ACACAC; opacity:1; background:#f4f4f4; margin:0 35px; }
.m2usSwiper .swiper-pagination{height:11px; bottom:5px;}
.m2usSwiper .swiper-pagination .swiper-pagination-bullet-active{ background: #E83827; border: 2px solid #E83827; }
.m2usBtnL { background: #E83827 url(../images/m2yy_btn.png) no-repeat center center; height: 42px; width: 42px; position: absolute; left: 0px; top: 147px; cursor:pointer; border-radius:50%; }
.m2usBtnR { background: #E83827 url(../images/m2yy_btn.png) no-repeat center center; height: 42px; width: 42px; position: absolute; right: 0px; top: 147px; cursor:pointer; border-radius:50%; transform:rotate(180deg); }
.m2YYSwiper:before{ content: ""; background: #E83827 url(../images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; left: 0px; z-index: 10; }
.m2YYSwiper:after{ content: ""; background: #E83827 url(../images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; right: 0px; z-index: 10; transform:rotateY(180deg) }
.m2yyStxt { display: table-cell; height: 100%; text-align: center; font-size: 18px; line-height: 36px; color: #FFF; vertical-align: middle; }
.m2subMenu { line-height: 66px; height: 66px; background: rgba(0,0,0,0.2); text-align: center; width: 100%; position:relative; z-index: 3; font-size:0; margin-top:-66px; }
.m2subMenu_a { color: #eeeeee; line-height: 66px; display: inline-block; padding: 0px 50px; font-size: 16px; position:relative; top:-1px; border-right:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a:first-child{ border-left:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a.on,.m2subMenu_a:hover { font-weight: bold; background: #e83827; color: #FFF;}
.m2fw_txt1 { color: #555555; font-size: 16px; line-height: 34px; padding: 65px 0px 72px; }
.m2fw_u1 { margin: 0px -20px 60px; }
.m2fw_u1 li { margin-bottom: 20px; }
.m2fw_bx1 { border: 1px solid #CACACA; padding: 62px 15px 35px; position: relative; }
.m2fwIcon { background: #E83827 url(../images/m2fw_icon1.png) no-repeat center center; height: 110px; width: 110px; position: absolute; left: 50%; top: -55px; margin-left: -55px; border-radius:50% }
.m2fw_bx1 strong { font-size: 18px; line-height: 65px; text-align: center; display: block; height: 65px; }
.m2fw_dl dd { font-size: 13px; line-height: 26px; height: 26px; background: url(../images/m2icon3.png) no-repeat left center; padding-left: 12px; float: left; width: 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.m2fw_dl { margin: 0px auto; width: 250px; color: #787878; }
.m2fw_ells { display: block; padding-left: 37px; width: 250px; margin: 5px auto 0; }
.m2fw_u1 li:nth-child(2) .m2fwIcon{ background: #ed9f24 url(../images/m2fw_icon2.png) no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fwIcon{ background: #1abbaf url(../images/m2fw_icon3.png) no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fw_dl{width:320px;}
.m2fwCon1 { background: #F3F3F3; padding: 98px 0px 110px; }
.m2fwc1box { position: relative; max-width: 1070px; margin: 0 auto; padding-right: 452px; }
.m2fwc1box strong { line-height: 102px; display: block; height: 102px; font-size: 28px; color: #111; font-weight: normal; }
.m2fwc1box strong img { margin-right: 14px; }
.m2fwc1box strong text,.m2fwc1box strong img{vertical-align:middle;}
.m2fwDes { font-size: 15px; line-height: 28px; color: #777777; margin-bottom: 25px; }
.m2fw_d2 dd,.m2fw_d2 li { font-size: 15px; line-height: 28px; color: #777; background: url(../images/m2icon3.png) no-repeat left center; padding-left: 14px; height: 28px; width: 188px; float: left; }
.m2fw_d2 { width: 380px; }
.m2fwImgIcon1 { position: absolute; top: 50%; right: 0px; transform:translateY(-40%) }
.m2fwCon2 { padding: 98px 0px 110px; }
.m2fwCon2 .m2fwImgIcon1{right:auto; left:0; transform:translateY(-45%)}
.m2fwCon2 .m2fwc1box{padding-right:0; padding-left:452px;}
.m2fwCon3 .m2fwImgIcon1{ transform:translateY(-50%)}
.m2fw_u2 { margin: -30px auto 0px; max-width: 1100px; padding-bottom: 35px; }
.m2fw_u2 li { text-align: center; float: left; width: 33.3333%; margin-bottom: 30px; }
.m2fw_sbx { background: url(../images/m2fw_bg1.png) no-repeat; height: 246px; width: 226px; margin: 0px auto; color: #FFF; font-size: 14px; line-height: 24px; }
.m2fw_sbx strong { line-height: 54px; padding-top: 50px; display: block; margin-bottom: 15px; font-size: 22px; font-weight: 500; }
.m2fw_u2 li:nth-child(2) .m2fw_sbx { background: url(../images/m2fw_bg2.png) no-repeat; }
.m2fw_u2 li:nth-child(3) .m2fw_sbx { background: url(../images/m2fw_bg3.png) no-repeat; }
.m2fwBom { background: #f3f3f3 url(../images/m2fw_bg4.jpg) no-repeat center bottom; padding: 78px 0px 70px; background-size: 100% auto; font-size: 14px; line-height: 26px; color: #666; }
.m2fw_bt1 { font-size: 28px; color: #222; line-height: 36px; padding: 70px 0px 0px; text-align: center; }
.m2fw_txt2 { font-size: 14px; line-height: 28px; padding: 36px 0px 50px; }
.m2fw_u3 li { padding: 0px 25px; float: left; width: 33.3333%; margin-bottom: 25px; }
.m2fw_u3 { padding: 0px 25px 60px; }
.m2fw_u3box { padding: 0px; height: 158px; background: #E83827; position: relative; }
.m2fw_u3txt { line-height: 18px; text-transform: uppercase; padding: 0px 16%; color: #FFF; position: absolute; width: 100%; left: 0px; top: 50%; text-align: center; transform:translateY(-50%) }
.m2fw_u3txt strong { font-size: 20px; font-weight: bold; display: block; line-height: 38px; }
.m2fw_u3 li:nth-child(2) .m2fw_u3box { background: #ed9f24; }
.m2fw_u3 li:nth-child(3) .m2fw_u3box { background: #1abbaf; }
.m2fw2_s1 { font-size: 18px; line-height: 38px; padding: 15px 0px 45px 10%; text-align: center; }
.m2fw_mapBg { background: #f3f3f3 url(../images/m2map_bg.png) no-repeat center center; padding: 20px 0px 30px; }
.m2fw_u4 { text-align: center; display: block; font-size: 0px; margin-top: 60px; }
.m2fw_u4 li { width: 20%; margin-bottom: 32px; padding-top: 150px; text-align: center; position: relative; display: inline-block; }
.m2fw_iconBox { height: 124px; width: 124px; margin-left: -62px; position: absolute; left: 50%; top: 0px; border: 2px solid #E83827; border-radius:50%; transition:all 0.3s ease-in-out; }
.m2fw_iconBox img { margin-top: -35px; margin-left: -35px; position: absolute; left: 50%; top: 50%; }
.m2fw_u4 li:hover .opacity{opacity:1;}
.m2fw_u4 li:hover .m2fw_iconBox { background: #e83827; }
.m2fw_u4 p { margin: 0px auto; width: 140px; font-size: 16px; line-height: 26px; color: #555; height: 78px; overflow: hidden; }
.m2fw2Con1 { margin: 74px auto 32px; max-width: 996px; }
.m2fw2Con1 ul { margin: 0px -6px; }
.m2fw2Con1 ul li { padding: 0px 6px; margin-bottom: 12px; float: left; width: 25%; }
.m2fw_abox1 .overflowHide { height: 352px; }
.m2fw_anm { line-height: 36px; color: #FFF; height: 36px; z-index: 3; text-align: center; font-size: 13px; position: absolute; width: 100%; left: 0px; background: rgba(227,43,24,0.8); display: block; bottom: -36px; transition:all 0.3s ease-in-out; }
.m2fw_abox1:hover .m2fw_anm,.m2fw_abox2:hover .m2fw_anm{bottom:0;}
.m2fw_abox2 { display: block; height: 170px; margin-bottom: 12px; }
.m2fw_abox2 .overflowHide { height: 170px; }
.m2ks_u1 { display: block; font-size: 0px; text-align: center; max-width: 868px; margin: -20px auto 45px; }
.m2ks_u1 li { width: 33.3333%; margin-bottom: 20px; line-height: 26px; text-align: center; font-size: 16px; display: inline-block; }
.m2ksu1_itms { display: inline-block; height: 146px; width: 146px; border: 3px solid #e83827; position: relative; border-radius:50%; padding-top: 85px; transition:all 0.3s ease-in-out; color: #e83827; }
.m2ksu1_itms img { position: absolute; left: 50%; top: 28px; margin-left: -25px; }
.m2ks_u1 li:hover .opacity{opacity:1;}
.m2ks_u1 li:hover .m2ksu1_itms{color:#fff; background:#e83827;}
.m2ksItmsBox1 { background: #E83827; padding: 96px 0px 60px; }
.m2ksItms_u1 { margin: 0px -35px; }
.m2ksItms_u1 li { padding: 0px 35px; margin-bottom: 30px; }
.m2ksItms_sbox { position: relative; padding-left: 82px; color: #ffffff; line-height: 24px; }
.m2ksIicon { height: 60px; width: 60px; text-align: center; padding-top: 15px; background: #FFF; display: block; position: absolute; left: 0px; top: 18px; border-radius:50%; }
.m2ksItms_sbox strong { line-height: 58px; height: 58px; font-size: 16px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }
.m2ksBom { padding: 90px 0px 40px; max-width: 1113px; margin: 0px auto; }
.m2ksBomBox { height: 248px; margin-bottom: 50px; position: relative; padding-left: 83px; }
.m2ksBom_t { height: 100%; width: 58px; font-size: 18px; line-height: 20px; color: #FFF; padding: 0px 18px; text-align: center; display: table; background: #E83827; font-weight: 500; position: absolute; left: 0px; top: 0px; }
.m2ksBom_t:after{ content:""; width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:10px solid #E83827; position:absolute; top:50%; right:-10px; margin-top:-10px;}
.m2ksBom_t div { height: 100%; text-align: center; vertical-align: middle; display: table-cell; }
.m2ksBom_ul { margin: 0px -20px; }
.m2ksBom_abox { height: 248px; display:block }
.m2ksBom_abox .overflowHide{ height: 248px;}
.m2ksTag { background: url(../images/m2ks_arrow1.png) no-repeat center center; line-height: 28px; font-size: 13px; font-weight: bold; color: #FFF; text-align: center; display: block; height: 48px; width: 48px; padding-right: 20px; position: absolute; left: 0px; top: 0px; }
.m2ksTnm { line-height: 42px; text-align: center; display: block; height: 42px; color: #FFF; font-size: 14px; position: absolute; width: 100%; left: 0px; bottom: 0px; background:rgba(0,0,0,0.6); }
.m2ksBomBox:nth-child(2) .m2ksBom_t{ background: #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksBom_t:after{ border-left: 10px solid #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksTag { background: url(../images/m2ks_arrow2.png) no-repeat left top; }
.m2ksBomBox:nth-child(3) .m2ksBom_t{ background: #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksBom_t:after{ border-left: 10px solid #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksTag { background: url(../images/m2ks_arrow3.png) no-repeat left top; }
.m2jm { padding: 60px 0px 0px; margin: 0px -27px 12px; }
.m2jm li { padding: 0px 27px; margin-bottom: 44px; }
.m2jmBox { border: 1px solid #C4C4C4; padding: 0px 11%; position:relative; }
.m2jmBox:after{ content: ""; background: url(../images/m2jm_icon.jpg) no-repeat; height: 47px; width: 47px; position: absolute; top: -6px; right: -6px; }
.m2jmBox strong { text-align: center; display: block; padding: 47px 0px 24px; border-bottom: 1px solid #D6D6D6; font-size: 20px; color: #000; line-height: 36px; font-weight: 500; }
.m2jmDes { padding: 27px 0px; font-size: 13px; line-height: 30px; color: #777777; border-bottom: 1px solid #D6D6D6; }
.m2jmDes_info { font-size: 15px; line-height: 28px; font-weight: 800; color: #e83827; padding: 28px 0px 50px; }
.m2lx_t1 { font-size: 28px; color: #222222; line-height: 70px; padding-top: 48px; text-align: center; border-bottom: 1px solid #DDDDDD; width:100%; max-width: 585px; margin: 0px auto 45px; position: relative; }
.m2lx_t1:after{ content: ""; background: #E83827; height: 5px; width: 44px; margin-left: -22px; position: absolute; left: 50%; bottom: -3px; }
.m2lx_u1 li { margin-bottom: 25px; padding: 0px 3%; font-size: 14px; line-height: 32px; color: #666; }
.m2lx_u1 { margin: 0px -3% 58px; }
.m2lx_u1 li strong { line-height: 66px; display: block; height: 66px; font-size: 18px; color: #000; font-weight: 500; }
.m2lx_u1 li strong img { float: left; margin: 19px 12px 0px 0px; }
.m2lx_p { max-width:290px; }
.m2lx_wxImg { float: left; margin-right: 22px; border: 1px solid #DCDCDC; }
.m2lx_wxImg img { display: block; }
.m2lxCon1 { background: url(../images/m2lx_bg.jpg) no-repeat center center; height: 438px; position: relative; }
.m2lxAdr { background: url(../images/m2lxIcon1.png) no-repeat; height: 36px; width: 36px; position: absolute; left: 50%; bottom: 88px; margin-left: -18px; }
.m2lxAdr img { position: absolute; left: 50%; bottom: 46px; margin-left: -210px; }
.m2lxFm { margin: 0px auto 74px; max-width: 1034px; }
.m2lx_li01 { margin: 0px -6px; }
.m2lx_li01 li { padding: 0px 6px; margin-bottom: 13px; position: relative; }
.m2lx_int1 { padding: 0px 10px 0px 40px; width: 100%; font-size: 14px; line-height: 45px; color: #666; height: 45px; background: #EEEEEE; border-width: 0px; border-style: none; border-radius:0.2em; }
.m2lxArea { background: #eeeeee; font: 14px/26px "微软雅黑"; color: #666; padding: 9px 10px 9px 40px; height: 150px; border-width: 0px; border-style: none; border-radius: 0.2em; width: 100%; }
.m2lxAreaBox { margin-bottom: 20px; position: relative; }
.m2lx_abtn { background: #E83827; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn:hover { background: #D92B17; color: #FFF; }
.m2lx_btns { margin: 0px -6px; }
.m2lx_btns li { padding: 0px 6px; position: relative; }
.m2lx_abtn2 { background: #9b9b9b; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn2:hover { background: #888888; color: #FFF; }
.m2lxFm i{ color: #888888; font-size: 16px; line-height: 42px; height: 42px; width: 24px; text-align: center; position: absolute; left: 15px; top: 2px; }
.m2cp_con1 { background: #F3F3F3; padding: 85px 0px 92px; }
.m2cp_t1 { line-height: 46px; font-size: 28px; color: #222222; text-align: center; position: relative; margin-bottom: 52px; }
.m2cp_t1:before{ content: ""; background: #D2D2D2; height: 1px; width: 100%; position: absolute; left: 0px; top: 50%; }
.m2cp_t1 span{ display: inline-block; background: #F3F3F3; padding: 0px 32px; position: relative; z-index: 2; }
.m2zp_abox1 { display: block; margin: 0px auto; height: 114px; width: 114px; border: 2px solid #e83827; border-radius: 50%; position: relative; transition:all 0.3s ease-in-out; }
.m2zp_abox1 img{ position:absolute; left:50%; top:50%; margin:-26px 0 0 -25px;}
.m2zp_u1 li { width: 20%; display: inline-block; text-align: center; margin-bottom: 20px; }
.m2zp_u1 { margin:-30px auto 25px; max-width: 1055px; font-size: 0px; display:block;}
.m2zp_u1 li strong { line-height: 70px; text-align: center; display: block; font-size: 16px; color: #333; }
.m2zp_u1 li:hover .opacity{opacity:1;}
.m2zp_u1 li:hover .m2zp_abox1{ background: #e83827; }
.m2zpCon2 { background: #e83827; padding: 85px 0px; text-align: center; }
.m2zp_itms1 { background: url(../images/m2zp_sicon1.png) no-repeat 62px center; padding-left: 174px; line-height: 170px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; margin-right: 8%; border-radius: 0.3em; text-align: left; }
.m2zpItmsIcon { background: url(../images/m2zp_sicon3.png) no-repeat center center; display: inline-block; height: 174px; width: 19px; }
.m2zpCon2 span{ vertical-align: middle; }
.m2zp_itms2 { background: url(../images/m2zp_sicon2.png) no-repeat center 35px; line-height: 50px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; border-radius: 0.3em; text-align: center; padding-top: 105px; margin-left: 8%; }
.m2zpCon3 { padding: 62px 0px 35px; }
.m2zp_sb1 { line-height: 44px; text-align: center; display: block; padding-top: 16px; font-size: 18px; color: #666666; }
.m2nSerBox { line-height: 32px; height: 34px; width: 240px; border: 1px solid #BFBFBF; margin-top: -17px; position: absolute; top: 50%; right: 0px; }
.m2nSerInt { padding: 0px 55px 0px 15px; font-size: 14px; line-height: 32px; color: #666; border-width: 0px; border-style: none; height: 32px; width: 100%; background:none; }
.m2nSerBtn { background: #E83827 url(../images/serBtn.png) no-repeat center center; height: 34px; width: 40px; display: block; position: absolute; top: -1px; right: -1px; }
.m2nSerBtn:hover { background: #DD2C17 url(../images/serBtn.png) no-repeat center center; }
.page { text-align: center; height: 87px; }
.m2nList { border-bottom: 1px solid #DDDDDD; padding-top: 70px; margin-bottom: 52px; }
.m2nList_aBox { display: block; height: 160px; }
.m2nList ul li { margin-bottom: 70px; }
.m2nList_aBox .overflowHide { height: 160px; width: 360px; float: left; }
.m2nHot { background: url(../images/hot.png) no-repeat; height: 39px; width: 39px; position: absolute; left: 20px; top: 0px; }
.m2nText { margin-left: 492px; position: relative; }
.m2nText .ellipsis { line-height: 36px; display: block; height: 36px; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.m2nText p { font-size: 14px; line-height: 24px; color: #777777; height: 48px; overflow: hidden; }
.m2nDes { padding: 12px 0px 20px; border-top: 1px solid #ddd; }
.m2nTime { line-height: 24px; font-size: 14px; font-weight: bold; color: #cccccc; text-align: center; width: 60px; position: absolute; left: -96px; top: 4px; padding-top: 50px; }
.m2nTime span { display: block; width: 100%; line-height: 50px; height: 50px; position: absolute; left: 0px; top: 0px; font-size: 56px; font-weight: normal; }
.m2nList_aBox:hover .ellipsis{font-weight:500;}
.m2nList_aBox:hover .hmMore{ color: #FFF; background: #e83827; padding-left: 28px; }
.m2nList_aBox:hover .hmMore:before{ width: 100%; }
.m2nList_aBox:hover .hmMore:after{ background: url(../images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.m2nBack { background: #E4E4E4 url(../images/m2nback.png) no-repeat 36px center; padding-left: 64px; font-size: 16px; font-weight: bold; color: #e83827; line-height: 74px; height: 74px; width: 160px; margin-top: -37px; position: absolute; top: 50%; right: 0px; display: block; }
.m2nTop { text-align: center; padding: 50px 0px; border-bottom: 1px solid #ddd; margin-bottom: 58px; position: relative; }
.m2n_bt { font-size: 26px; color: #000000; line-height: 42px; }
.m2nInfo { text-align: center; line-height: 24px; color: #999999; margin-top: 12px; }
.m2nInfo span { margin: 0px 10px; }
.m2nInfo span i { font-size: 16px; margin-right: 4px; }
.m2share { height: 34px; width: 160px; position: absolute; left: 50%; bottom: -19px; margin-left: -80px; text-align: center; font-size: 0px; }
.m2share_a { height: 34px; width: 34px; border: 1px solid #BCBCBC; display: inline-block; font-size: 16px; line-height: 32px; color: #BCBCBC; background: #FFF; border-radius: 50%; margin: 0px 5px; }
.m2share_a:hover{ border: 1px solid #e83827; }
.m2nEditor { font-size: 14px; line-height: 28px; color: #777777; padding-bottom: 62px; }
.m2dpage { margin-bottom: 70px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; }
.m2dpage_ul { border-right: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; }
.m2dpage_ul li { float: left; width: 50%; padding: 0px 60px; }
.m2dpage_ul li:first-child{ border-right: 1px solid #D3D3D3; background: url(../images/m2dpage_icon.png) no-repeat 30px center; }
.m2dpage_a { font-size: 14px; line-height: 70px; height: 70px; color: #888888; }
.m2dpage_ul li:last-child{ text-align: right; background: url(../images/m2dpage_icon2.png) no-repeat right center; }
.m2dpage_ul li:last-child .m2dpage_a{ }
.m2zx_u1 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u1 li { margin-bottom: 15px; }
.m2zxItms { text-align: center; font-size: 16px; height: 120px; border: 2px solid #DCDCDC; line-height: 116px; }
.m2zxItms img { margin-right: 18px; }
.m2zxItms img,.m2zxItms text{vertical-align:middle;}
.m2zx_u2 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u2 li { margin-bottom: 15px; color: #666; }
.m2zx_dl dt { line-height: 44px; color: #FFF; background: #E83827; height: 44px; text-align: center; font-size: 17px; font-weight: 800; }
.m2zx_dl dd { padding: 25px 0px; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; }
.m2zx_dl dd p { float: left; width: 33.3333%; padding-left:6%; height: 30px; font-size: 16px; line-height: 30px; }
.m2zx_dl dd p span{display:inline-block; background: url(../images/m2icon3.png) no-repeat left center; padding-left:13px;}
.m2zxCon2 { background: #f3f3f3; padding-bottom: 60px; }
.m2zx_u3 { max-width: 1100px; margin: 0px auto; position:relative; }
.m2zx_u3:after{ content: ""; height: 100%; background: #ddd; width: 1px; position: absolute; left: 50%; top: 0px; }
.m2zx_u3 li strong { line-height: 54px; height: 54px; font-size: 20px; color: #222222; font-weight: 500; }
.m2zx_u3 li strong span{ background: url(../images/m2zx_icon4.png) no-repeat center center; text-align: right; height: 54px; font: 500 28px/54px Georgia; margin-right: 10px; display: inline-block; padding-left: 20px; color: #e83827; }
.m2zx_imgBox { padding: 38px 0px 50px; }
.m2zx_u3 li{padding-left:7.2%;}
.m2xz_caseList ul li { font-size: 18px; line-height: 56px; text-align: center; margin-bottom: 35px; }
.m2hz_menu { text-align: center; padding: 35px 0px 15px; }
.m2hz_menu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2hz_menu_a1:hover,.m2hz_menu_a1.on{ color: #FFF; border: 1px solid #E83827; background: #E83827; }
.m2hzLogo { padding-bottom: 40px; }
.m2hzLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2hzLogo .swiper-pagination-bullet-active{ opacity: 1; background: #E83827; border: 1px solid #E83827; }
.m2hzLogo .hmp7Lg{ margin:18px 0}
.m2zp_t1 { font-size: 30px; color: #222; line-height: 52px; text-align: center; padding: 62px 0px 15px; }
.m2zp_p { font-size: 14px; line-height: 30px; color: #777777; text-align: center; margin-bottom: 20px; }
.m2zpTop { margin: 0px auto; max-width: 885px; text-align: center; padding-bottom: 58px; }
.m2zp_send { background: url(../images/m2zp_icon6.png) no-repeat left top; padding-left: 44px; line-height: 32px; font-size: 14px; font-weight: bold; color: #222222; display: inline-block; }
.keUpDownSlide{ margin: 0px auto 70px; border-top: 1px solid #E5E5E5; }
.keUpDownSlide dl dt { line-height: 88px; height:88px; position: relative; font-size: 14px; color: #666666; border-bottom: 1px solid #E5E5E5; transition:all 0.3s ease-in-out; position:relative; }
.keUpDownSlide dl dt:before{ content: ""; height: 0%; width: 100%; position: absolute; top: 50%; left: 0px; background: #e83827; transition:all 0.3s ease-in-out; }
/*.keUpDownSlide dl dt:hover:before{ height: 100%; position: absolute; top: 0%; }
.keUpDownSlide dl dt:hover{color:#fff;}
.keUpDownSlide dl dt:hover .m2zp_nm{color:#fff;}
.keUpDownSlide dl dt:hover .keUpDownToggleBtn { background: url(../images/m2zp_micon2.png) no-repeat center center; }*/
.keUpDownSlide dl dt .container{position:relative; height:88px;}
.keUpDownSlide dl dt.on .container:after{ content: ""; height: 0px; width: 0px; border-left:15px solid transparent; border-right:15px solid transparent;  border-top:12px solid #E83827; position:absolute; bottom:-11px; left:32px; }
.keUpDownToggleBtn { background: url(../images/m2zp_micon1.png) no-repeat center center; display: block; height: 18px; width: 18px; position: absolute; top: 50%; right: 15px; margin-top: -9px; }
.keUpDownSlide dl dd { color: #777; font-size: 14px; line-height: 30px; padding: 30px 25px 45px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; display: none; }
.keUpDownSlide dl dt.on { color: #FFF; background: #e83827; }
.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url(../images/m2zp_micon2.png) no-repeat center center; }
.m2zp_nm { float: left; width: 265px; font-size: 18px; color: #000; transition:all 0.3s ease-in-out }
.keUpDownSlide dl dt.on .m2zp_nm{color:#fff;}

.navRig{ line-height:80px; height:80px;}
.navRig ul{ display:inline-block; vertical-align:middle;}
.navLang a{ display:block; font-size:14px; color:#FFFFFF; text-transform:uppercase; padding: 0px 10px; height:26px; margin-left: 10px; border:1px solid #FFFFFF; line-height:24px; text-align:center;}
.navLang a:hover{ border-color:#ff3e2b; color:#ff3e2b;}

@media (min-width:768px){
.hmPage2 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage2 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage2 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmPage2 .hmp2_ul li{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}
.hmPage2 .hmp2_ul li:nth-child(2n){ transform:translate(0px,-200px);}
.hmPage2.active .hmp2_ul li{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage3.active .hmPage3L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
.hmPage3.active .hmPage3R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn;}
.hmPage3 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage3 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage3 .hmp3Des{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage3 .hmp3MoreBox{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; display:inline-block;}
.hmPage3.active .hmp3MoreBox{ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmPage4 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage4 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage4 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp4_ul li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp4_ul li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmp4_ul li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1.3s;}
.hmp4_ul li:nth-child(4){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:1.5s;}
.hmPage5.active .hmPage5L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInLeft; }
.hmPage5.active .hmPage5R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInRight;}
.hmPage5 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage5 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage5 .hmp5_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp5_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage5 .hmp5_u1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp5_u1{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmPage5R li:nth-child(1){opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active li:nth-child(1){ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage5R li:nth-child(2){opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active li:nth-child(2){ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmPage6{overflow:hidden;}
.hmPage6.active .hmp6_icon1{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown; }
.hmPage6.active .hmp6_icon2{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInLeft; }
.hmPage6.active .hmp6_icon3{ animation-duration: 1s; animation-delay:0.4s; animation-fill-mode: both; animation-name: fadeInUp; }
.hmPage6.active .hmp6_icon4{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInRight; }
.hmPage7.active .hmPage7L{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown;}
.hmPage7.active .hmPage7R{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInUp;}
.hmPage7 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage7 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage7 .hmp7_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage7 .hmp7_bom{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7_bom{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage7 .hmp7LgList{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7LgList{ opacity:1; transform:translate(0px,0px); transition-delay:1s;}
.hmPage8 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage8 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage8 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp8_newsList li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp8_newsList li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmp8_newsList li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1.3s;}
.hmPage9 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage9 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage9 .hmp3_adrInfo{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_adrInfo{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage9 .hmp9Map{opacity:0; transform:translate(50px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9Map{ opacity:1; transform:translate(0px,0px); transition-delay:1.0s;}
.hmPage9 .hmp9Bom{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9Bom{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmBomItms{ transform:translate(50px, 0px); opacity:0; transition:all 0.5s ease-in-out;}
.active .hmBomItms{ transform:translate(0px, 0px); opacity:1; transition-delay:1.2s;}
}

@media (max-height:799px){
.page-wrapper .container{padding-top:40px;}
.page-wrapper .center{transform: scale(0.6);}
.hmp2_t1 {font-size: 30px;height: 46px;line-height: 46px;}
.hmp2_t2 {font: bold 36px/42px Arial;padding-bottom: 18px;}
.hmp3_t1 {font-size: 30px;line-height: 46px;}
.hmp3_t2 {font: bold 36px/42px Arial;height: 60px;}
.hmp6_t1 {font-size: 30px;height: 46px;line-height: 46px;}
.hmp6_t2 {font: bold 36px/42px Arial;padding-bottom: 18px;}
.hmP3Txt{ padding:0 18%;}
.hmP5Lbox{left:12%; right:20%;}
.hmP7Lbox{left:12%; right:20%;}
.hmp6_icon1{background-size:80% auto; background-position:center top;}
.hmp6_icon3{background-size:80% auto; background-position:center bottom;}
}

@media (max-height:749px){
.page-wrapper .container{padding-top:20px;}
.page-wrapper .center{transform: scale(0.55);}
.hmP3Txt{ padding:0 16%;}
.hmP5Lbox{left:18%; right:18%;}
.hmP7Lbox{left:18%; right:18%;}
.hmp5Itms{left:10%;}
.hmp5Txt{margin-left:100px;}
.hmp5Txt p{margin-bottom:18px;}
.hmp6_icon1{background-size:70% auto;}
.hmp6_icon3{background-size:70% auto;}
.hmp9Top{margin-bottom:16px;}
}

@media (max-height:699px){
.hmFocus .swiper-pagination{bottom:25px;}
.hmp2_t1 {font-size: 28px;height: 40px;line-height: 40px;}
.hmp2_t2 {font: bold 32px/38px Arial;padding-bottom: 12px;}
.hmp3_t1 {font-size: 28px;line-height: 40px;}
.hmp3_t2 {font: bold 32px/38px Arial;height: 50px;}
.hmp6_t1 {font-size: 28px;line-height: 40px;}
.hmp6_t2 {font: bold 32px/38px Arial;height: 50px;}
.hmP3Txt{ padding:0 12%;}
.hmP5Lbox{left:15%; right:15%;}
.hmP7Lbox{left:15%; right:15%;}
.hmp2_p1 {margin-top: 18px;min-height: 72px;padding-bottom: 10px;}
.hmp7Lg{margin:15px 0;}
.hmp3Des{max-height:366px; overflow:hidden; margin-bottom:15px;}
.hmp7_t1{margin-top:20px;}
}

@media (max-height:649px){
.page-wrapper .center{transform: scale(0.48);}
.hmp2_t1 {font-size: 24px;height: 32px;line-height: 32px;}
.hmp2_t2 {font: bold 28px/30px Arial;padding-bottom: 8px;}
.hmp3_t1 {font-size: 24px;line-height: 32px;}
.hmp3_t2 {font: bold 28px/30px Arial;height: 40px;}
.hmp6_t1 {font-size: 24px;line-height: 32px;}
.hmp6_t2 {font: bold 28px/30px Arial;height: 40px;}
.hmP3Txt{ padding:0 9%;}
.hmp5_p1 {margin-bottom: 15px;min-height: 148px;padding: 18px 0;}
.hmp5_u1 li {margin-top: 10px;}
.hmp5Txt p{ height:104px; overflow:hidden}
.hmp5Txt strong{font-size:24px; margin-bottom:10px;}
.hmp6_icon1{background-size:50% auto;}
.hmp6_icon3{background-size:40% auto;}
.hmp7Lg{margin:12px 0;}
.hmp8_ul{padding-top:28px;}
.hmp3_adrInfo p{margin-bottom:0;}
.hmp9Map{top:-25px;}
.hmp3_adrInfo{padding-top:18px;}
.hmBomItms{top:-10px;}
}
@media (max-width:1699px){
.hmp6_icon2{background-size:60% auto; background-position:left center;}
.hmp6_icon4{right:60px;background-size:70% auto; background-position:right center;}
.hmP5Lbox{left:15%; right:15%;}
.hmP7Lbox{left:15%; right:15%;}
}
@media (max-width:1399px){
.hmp6_icon2{background-size:40% auto;}
.hmp6_icon4{background-size:50% auto;}
.hmp3_t1{margin-top:0;}
.hmp3_t2{font-size:34px;}
}
@media (max-width:1199px){
.hmp6_icon2{display:none;}
.hmp6_icon4{display:none;}
.hmp2Itms_a{height:136px; width:136px;}
.hmp2_ul li{height:136px; width:136px; margin-left:30px; margin-right:30px;}
.hmp5Txt p{ height:104px; overflow:hidden}
.hmp8Txt p{margin-bottom:15px;}
.hmp9Map{right:225px;}
nav.navbar.bootsnav ul.nav{padding-left:60px;}
nav.navbar.bootsnav ul.nav > li{margin:0 12px;}
.m2caseTop li{padding:0 15px;}
.m2caseTop{margin:0 -15px;}
.m2subMenu_a{padding-left:25px; padding-right:25px;}
.m2caseMenu_a1{padding:0 25px;}
}
@media (max-width:1099px){

}
@media (max-width:991px){
.planet-big{width:100%;}
.page-wrapper .center {transform: scale(0.7);}
.page-wrapper{top:16%;}
.hmPage2 .hmp2_ul li.hmp2Empty{display:none;}
.hmP3Txt {padding: 0 14% 0 6%;}
.hmp4_ul li{margin-bottom:20px; padding-left:15px; padding-right:15px;}
.hmp4_ul{margin-left:-15px; margin-right:-15px;}
.hmP5Lbox{left:6%; right:6%;}
.hmp5Itms{left:4%; right:8%;}
.hmp5Txt p{height:auto;}
.hmp5Txt{margin-left:100px;}
.hmp6_icon1{background-size:70% auto; background-position:center top;}
.hmp6_icon3{background-size:60% auto; background-position:center bottom;}
.hmp6_w1 { width: 50%; text-align:center;}
.hmp6_w2 { width: 50%; text-align:center; border-right:none; }
.hmp6_w3 { width: 50%; text-align:center;}
.hmp6_w4 { width: 50%; text-align:center }
.hmP7Lbox{left:6%; right:6%;}
.hmP7Rbox{left:4%; right:8%;}
.hmp8_more{right:30px;}
.hmp8_ul li{margin-bottom:25px; padding-left:15px; padding-right:15px;}
.hmp8_ul{margin-left:-15px; margin-right:-15px;}
.hmp8_ul li:last-child{display:none;}
.hmp7_t1{margin-top:20px;}
.hmp2_t1 {font-size: 24px;height: 32px;line-height: 32px;}
.hmp2_t2 {font: bold 28px/30px Arial;padding-bottom: 8px;}
.hmp3_t1 {font-size: 24px;line-height: 32px;}
.hmp3_t2 {font: bold 28px/30px Arial;height: 40px;}
.hmp6_t1 {font-size: 24px;line-height: 32px;}
.hmp6_t2 {font: bold 28px/30px Arial;height: 40px;}
.hmPage5R{ position:static; }
nav.navbar.bootsnav ul.nav{padding-left:0px;}
.m2caseMenu_a1{margin-bottom:12px;}
.hmp7Dlbox{width:100%;}
.hmp9Map{display:none;}
.hmBomItms{top:45px;}
.hmp9Top{padding-right:245px;}
.m2caseIcon{right:30%;}
.m2caseIconBox{padding-top:25px; padding-bottom:25px;}
.m2YYSwiper{width:580px;}
.m2subMenu_a{padding-left:20px; padding-right:20px; font-size:15px;}
.m2fw_dl{width:100%;}
.m2fw_u1 li:nth-child(3) .m2fw_dl{width:100%;}
.m2fw_ells{width:100%; padding-left:12px;}
.m2fwc1box{padding-right:380px;}
.m2fwCon2 .m2fwc1box{padding-left:395px;}
.m2fw_u3 li{padding-left:15px; padding-right:15px;}
.m2fw_u3{margin-left:-15px; margin-right:-15px;}
.m2fw_u3txt strong{font-size:18px;}
.m2fw_u3txt{padding:0 15px;}
.m2fw_u4 li{width:33.33%;}
.m2ksItms_u1 li{padding-left:15px; padding-right:15px;}
.m2ksItms_u1{margin-left:-15px; margin-right:-15px;}
.m2jm li{padding-left:15px; padding-right:15px;}
.m2jm{margin-left:-15px; margin-right:-15px;}
.m2lx_u1 li{padding-left:15px; padding-right:15px;}
.m2lx_u1{margin-left:-15px; margin-right:-15px;}
.m2zp_itms1,.m2zp_itms2{margin-right:auto; margin-left:auto;}
.m2zpItmsIcon{display:block; margin:0 auto; transform:rotate(90deg)}
.m2nList_aBox .overflowHide{width:260px;}
.m2nText{margin-left:372px;}
}

@media (min-width: 768px) and (max-width: 992px) {
.m2usCon3 .hmp2_ul li:nth-child(5),.m2usCon3 .hmp2_ul li:nth-child(6),.m2usCon3 .hmp2_ul li:nth-child(7){margin-left:35px; margin-right:35px;}
.m2usCon3 .hmp2_ul li:nth-child(5){position:relative; left:11px;}
.m2usCon3 .hmp2_ul li:nth-child(7){position:relative; right:10px;}
}

@media (max-width:767px){
#sliderMenu{display:none;}
.fp-section{height:auto!important;}
.fp-tableCell{height:auto!important;}
.page-wrapper .center {transform: scale(0.5);}
.hmPage1{height:520px!important;}
.hmFocus{height:520px;}
.hmPage2{padding-top:50px; padding-bottom:150px;}
.hmp2_ul li:nth-child(1),.hmp2_ul li:nth-child(4){margin-left:40px; margin-right:40px;}
.hmp2_ul li:nth-child(7) .hmp2Itms_a {background:none; border:2px solid #bbbbbb;}
.hmp2_ul{ margin-left:-15px; margin-right:-15px; padding-top:50px; padding-bottom:50px; overflow:hidden; width:350px; margin:0 auto;}
.hmp2_ul li{width:110px; height:110px;}
.hmp2Itms_a{width:110px; height:110px;}
.hmp2ItmsTxt{padding-top:12px;}
.hmp2ItmsTxt p{line-height:20px; font-size:12px;}
.hmp2ItmsTxt strong{height:40px; line-height:40px; font-size:21px;}
.hmPage2Box{overflow:hidden;}
.hmPage3L{width:100%; height:320px; overflow:hidden; float:none}
.hmPage3R{width:100%; height:auto; position:relative;}
.hmP3Txt{position:static; transform:translateY(0);padding-left:15px; padding-right:15px; padding-bottom:60px; padding-top:50px;}
.hmPage5L{width:100%; float:none; height:auto; padding-top:50px;}
.hmPage5R{width:100%; float:none; padding-top:0; padding-left:15px; padding-right:15px;}
.hmP5Lbox{position:static; padding-left:15px; padding-right:15px; transform:translateY(0)}
.hmp4_ul li{padding-left:5px; padding-right:5px; margin-bottom:10px;}
.hmp4Box{position:static; transform:translateY(0);}
.hmp4_ul{margin-left:-5px; margin-right:-5px; margin-top:22px;}
.hmp4Wrpper{padding-top:50px; padding-bottom:50px;}
.hmp4LayTxt{left:10%; right:10%;}
.hmp4_t1,.hmp3_t1{margin-top:0;}
.hmp5_u1{padding-bottom:50px;}
.hmp5Itms{position:static; transform:translateY(0);}
.hmPage5R li{padding-top:50px; padding-bottom:50px;}
.hmp6_t1{margin-top:0;}
.hmp6Wrapper{padding-top:80px; padding-bottom:80px; overflow:hidden; width:100%;}
.hmp6_w1,.hmp6_w2,.hmp6_w3,.hmp6_w4{width:100%; border-right:none}
.hmPage7L{width:100%; float:none;}
.hmP7Lbox{position:static; transform:translateY(0); padding:50px 15px;}
.hmPage7R{width:100%; float:none;}
.hmP7Rbox{position:static; transform:translateY(0); padding-bottom:50px;}
.hmp7Layer{display:none!important;}
.hmp7_dl dd{display:none; margin-bottom:15px;}
.hmp7LgList{padding-top:20px;}
.hmPage8{padding-top:50px; padding-bottom:60px;}
.hmp8_ul{padding-bottom:50px;}
.hmp8_more{bottom:0px; left:50%; right:auto; margin-left:-57px; top:auto;}
.hmp9Top{padding-right:0; padding-top:50px;}
.hmp9Map{position:relative; left:0; top:0; right:auto; bottom:auto;}
.hmp9Bom{padding-bottom:150px;}
.ui-spinner{bottom:10%;}
.hmWel_logo{transform:scale(0.6);}
.hmWel_nt{font-size:24px; padding:0 20px}
.hmWel_t{margin-top:25px; margin-bottom:15px;}
.hmPage5R li:last-child{margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
.hmp6_icon1 { width:100%; margin-left:0; transform:translateX(-50%) }
.hmp6_icon3 { width:100%; margin-left:0; transform:translateX(-50%) }
.tiny-stars{display:none!important;}
.hmp3Des{max-height:inherit;}
.hmp9Map{display:block;}
.hmBomItms{position:static; margin-left:auto; margin-right:auto; margin-top:35px;}
.m2case_menu{padding-bottom:0;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{color:#fff;}
.rMneu{display:none;}
.m2usCon3 .hmp2_ul li:nth-child(7){margin-left: 40px;margin-right: 40px;}
.m2ban_t1 {font-size: 26px;line-height: 38px;}
.m2ban_t2 {font-size: 22px;line-height: 30px; font-weight:500;}
.m2banTxt i{margin-top:8px;}
.m2banTxt{padding-top:20px!important;}
.m2ban{height:320px;}
.m2posItms{padding-right:0;}
.m2caseIcon {right: 15%;}
.m2case_t1{font-size:22px;}
.m2comImg{width:100%; margin-right:0; margin-bottom:15px;}
.m2comImg img{width:100%; height:auto; display:block;}
.m2usBtnL,.m2usBtnR{display:none;}
.m2YYSwiper{width:100%;}
.m2YYSwiper:before,.m2YYSwiper:after{display:none;}
.m2yySbox{padding-left:15px; padding-right:15px;}
.m2usSwiper .swiper-pagination .swiper-pagination-bullet{margin:0 7px;}
.m2yyStxt{font-size:16px; line-height:30px;}
.m2usSwiper{ background:none;}
.m2subMenu{ margin-top:0; padding-top:15px; margin-bottom:0px; height:auto; line-height:0; padding-bottom:5px;}
.m2subMenu_a{color:#333; line-height:36px; height:36px; white-space:nowrap; margin-bottom:10px; border:none; margin-left:2px; margin-right:2px;}
.m2fwc1box{padding-right:0;}
.m2fwImgIcon1,.m2fwCon2 .m2fwImgIcon1,.m2fwCon3 .m2fwImgIcon1{position:static; transform:translateY(0); max-width:100%; display:block; margin-left:auto; margin-right:auto; height:auto; margin-top:25px;}
.m2fwc1box strong{font-size:24px;}
.m2fwCon1,.m2fwCon2 {padding:58px 0 80px;}
.m2fwCon2 .m2fwc1box{padding-left:0;}
.m2fw_u2 li{width:100%;}
.m2fw_bt1{font-size:24px;}
.m2fw_u3 li{width:100%;}
.m2fw_u4 li{width:100%;}
.m2fw_u4 p{width:auto; height:auto;}
.m2fw2Con1 ul li{width:100%;}
.m2ks_u1 li{width:50%;}
.m2ksBomBox{height:auto; padding-left:0; padding-top:68px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:35px;}
.m2ksBomBox:after{content:""; display:table; clear:both;}
.m2ksBom_t{width:100%; height:58px; padding:18px 0;}
.m2ksBom_ul{margin-left:-15px; margin-right:-15px;}
.m2ksBom_ul li{margin-bottom:15px;}
.m2jmDes{height:auto!important;}
.m2lx_t1{font-size:24px;}
.m2zp_u1{text-align:center;}
.m2zp_u1 li{width:50%; display:inline-block}
.m2zp_itms1,.m2zp_itms2{ width:100%; font-size:16px;}
.m2nSerBox{right:auto; left:50%; top:auto; bottom:-50px; transform:translateX(-50%)}
.m2nPosBox{padding-bottom:50px;}
.m2nList_aBox .overflowHide{width:100%; float:none; margin-bottom:15px;}
.m2nText{margin-left:0;}
.m2nList_aBox{height:auto;}
.m2nList ul li{margin-bottom:45px;}
.m2nText p{height:auto;}
.m2posBox2{padding-bottom:70px;}
.m2nBack{height:52px; line-height:52px; left:50%; right:auto; transform:translateX(-50%); top:auto; bottom:-75px;}
.m2n_bt{font-size:22px; line-height:36px;}
.m2nInfo span{ white-space: nowrap; display: inline-block; }
.m2dpage_ul li{width:100%; line-height:50px; height:50px; padding-right:0!important; padding-left:28px!important; background-position:left center!important;}
.m2dpage_ul li:first-child,.m2dpage_ul{border:none;}
.m2dpage_ul li:last-child{ background: url(../images/m2dpage_icon.png) no-repeat 30px center; text-align:left; }
.m2dpage_a{height:50px; line-height:50px;}
.m2hz_menu_a1{margin-bottom:10px;}
.m2zx_u3:after{display:none;}
.m2zx_imgBox{height:auto!important;}
.m2zx_u3 li{margin-bottom:10px;}
.m2zx_u3 li strong{font-size:18px;}
.m2zx_dl dd p{font-size:13px; width:50%;}
.m2zp_t1{font-size:26px;}
.m2zp_nm{font-size:17px;}
.keUpDownSlide dl dd { padding: 25px 15px 25px;}
.keUpDownSlide dl dt { line-height: 68px; height:68px;}
.keUpDownSlide dl dt .container{position:relative; height:68px;}
}

@media (max-width:370px){
.hmp2_ul{ transform:translateX(-10px);}
.m2usCon3 .hmp2_ul{ position:relative; left:-10px;}
}
@media (max-width:359px){
.hmp2_ul{ transform:translateX(-30px);}
.m2usCon3 .hmp2_ul{ position:relative; left:-30px;}
.m2ks_u1 li{width:100%;}
}

/*2016-11-3 CSS*/
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ovh { overflow: hidden; }
.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.dn { display: none; }
.dib { display: inline-block; }
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
.t-f { transition: all 0.5s; }
.t-c { transition: color 0.5s; }
.t-bg { transition: background 0.5s; }
.tac { text-align: center; }
.a-part .main { left: 50%; top: 50%; width: 780px; margin-left: -390px; }
.about-fi { top: -95px; margin-bottom: -95px; }
.about-fi .tips { top: 20px; margin-bottom: 48px; font-size: 20px; line-height: 40px; color: #de0010; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .tips span { display: inline-block; left: 50%; bottom: -15px; width: 26px; height: 1px; background: #ce0211; margin-left: -13px; }
.about-fi .detail { font-size: 14px; line-height: 28px; color: #e0e0e0; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .detail p.fz20 { font-size: 20px; line-height: 38px; color: #ce0211; }
.about-fi .detail p.fz20.mb28 { margin-bottom: 28px; }
.about-fi .btns { filter: alpha(opacity=0); opacity: 0; }
.about-fi .btns span { display: inline-block; width: 39px; height: 38px; cursor: pointer; }
.about-fi .btns span.btn {  margin: 46px 13px 0; }
.about-fi .btns span.prev.hover { background-position: center 40%; }
.about-fi .btns span.next.hover { background-position: center 60%; }
.about-se img.shadow { left: 150%; top: 0; width: 1120px; margin-left: -155px; }
.about-se li { position: relative; left: 535px; width: 535px; height: 77px; margin-bottom: 30px; color: #fff; filter: alpha(opacity=0); opacity: 0; }
.about-se li.fi { margin-left: 309px; }
.about-se li.se { margin-left: 345px; }
.about-se li.th { margin-left: 381px; }
.about-se li.fo { margin-left: 417px; }
.about-se li .num { width: 77px; height: 77px; border-radius: 50%; background: #fff; font: 36px/77px Arial; color: #e1000b; text-align: center; }
.about-se li .detail { width: 421px; }
.about-se li p { filter: alpha(opacity=75); opacity: 0.75; }
.about-se li p.t { margin-bottom: 3px; font-size: 18px; line-height: 30px; filter: alpha(opacity=100); opacity: 1; }
.about-th .name { background-image: url(../images/name03.png); }
.about-th .main { width: 1004px; margin-left: -502px; }
.about-th .shadow { left: 50%; top: 614px; width: 1330px; height: 188px; background: url(../images/bg_shadow01.png) no-repeat; margin-left: -694px; filter: alpha(opacity=0); opacity: 0; }
.about-th .imgs { perspective: 500px; }
.about-th .imgs img { position: relative; left: 307px; transform-style: preserve-3d; filter: alpha(opacity=0); opacity: 0; }
.about-th .rotate7 { margin: 0 -2px; animation: Rotate 0.5s forwards; }
@keyframes Rotate {  100% {
 transform: rotateY(7deg);
}
}
.about-th .rotate8 { margin: 0 -2px; animation: RotateE 0.5s forwards; }
@keyframes RotateE {  100% {
 transform: rotateY(-8deg);
}
}
.about-th .rotate10 { margin: 0 -2px; animation: RotateT 0.5s forwards; }
@keyframes RotateT {  100% {
 transform: rotateY(10deg);
}
}
.about-th .rotate11 { margin: 0 -2px; animation: Rotate-n 0.5s forwards; }
@keyframes Rotate-n {  100% {
 transform: rotateY(-11deg);
}
}
.about-th .titles { left: 0; top: 0; filter: alpha(opacity=0); opacity: 0; }
.about-th .titles li { top: 171px; height: 575px; }
.about-th .titles li.fi { left: 0; width: 307px; }
.about-th .titles li.se { left: 307px; width: 195px; }
.about-th .titles li.th { left: 502px; width: 221px; }
.about-th .titles li.fo { left: 723px; width: 281px; }
.about-th .titles .box { height: 234px; padding: 40px 0 0 13px; font-size: 16px; line-height: 24px; color: #fff; }
.about-th .titles .box.w294 { width: 294px; }
.about-th .titles .box.w182 { width: 182px; }
.about-th .titles .box.w208 { width: 208px; }
.about-th .titles .box.w268 { width: 268px; }
.about-th .titles .box.t { height: 261px; }
.about-th .titles p { filter: alpha(opacity=80); opacity: 0.8; }
.about-th .titles p.en { margin-bottom: 12px; font: 22px/30px Arial; text-transform: uppercase; filter: alpha(opacity=100); opacity: 1; }
.about-th .titles .line { margin-left: 3px; width: 23px; height: 1px; background: #fff; filter: alpha(opacity=80); opacity: 0.8; }
.about-fo .name { background-image: url(../images/name16.png); }
.about-fo .title { width: 178px; }
.about-fo .main { width: 980px; margin-left: -490px; top:0!important }
.about-fo .detail { height: 250px; margin-top: 100px; filter: alpha(opacity=0); opacity: 1; }
.about-fo .btn { top: 90px; width: 44px; height: 44px; cursor: pointer; }
.about-fo .prev { left: 0; display:block!important; opacity:1!important; }
.about-fo .next { right: 0; display:block!important; opacity:1!important; }
.about-fo .detail .in { width: 750px; height: 276px; margin: 0 auto; }
.about-fo .box { left: 0; top: 0; width: 750px; height: 216px; border-radius: 3px; background: #E83827; font-size: 16px; line-height: 24px; color: #fff; }
.about-fo .box.fo { transform: translateY(-156px) scale(0.55); filter: alpha(opacity=0.8); opacity: 0.08; }
.about-fo .box.fif { top: 26px; opacity: 0; }
.about-fo .time { height: 36px; padding-left: 20px; border-left: 6px solid #fceceb; margin-bottom: 28px; font: 36px/1 Arial; display: none; }
.about-fo .list { height: 20px; margin-top: 0px; font: 30px/58px Arial; color: #d31200; text-align: center; filter: alpha(opacity=0); opacity: 1; background: url(../images/m2yyLine.png) no-repeat center 13px; }
.about-fo .list li { width: 11px; height: 11px; background: #FFF url(../images/bg_sign03.png) no-repeat center top; cursor: pointer; border: 2px solid #acacac; overflow: hidden; text-indent: 500px; margin: 0px 35px; border-radius:50%; display:inline-block; float:none }
.about-fo .list ul{ display: block; width: 100%!important; text-align: center; position: relative; top: -21px; margin-left: 0!important;}
.about-fo .list li.cur { background: #E83827; border: 2px solid #E83827; }
.about-fif .main { width: 1002px; margin-left: -501px; }
.about-fif .name { background-image: url(../images/name05.png); }
.about-fif .list { height: 315px; padding-bottom: 50px; }
.about-fif .move { height: 315px; }
.about-fif ul { left: -17; top: 0; width: 1182px; filter: alpha(opacity=0); opacity: 0; }
.about-fif li { position: relative; left: 360px; width: 300px; height: 315px; background: #fff; margin: 0 17px; line-height: 20px; color: #b4b2b2; filter: alpha(opacity=0); opacity: 0; }
.about-fif li .in { padding: 18px 25px 0; }
.about-fif .in a { display: inline-block; width: 100%; font-size: 14px; line-height: 25px; color: #666; }
.about-fif .in a.more { width: auto; margin-top: 10px; }
.about-fif .in a:hover { color: #be010e; }
.about-fif .btn { left: 50%; bottom: 0; height: 13px; filter: alpha(opacity=0); opacity: 0; }
.about-fif .btn span { display: inline-block; width: 14px; height: 13px; background: url(../images/bg_btn02.png) no-repeat; margin: 0 8px; cursor: pointer; }
.about-fif .btn span.cur { background-position: 0 -13px; }
.about-si .name { background-image: url(../images/name15.png); }
.about-si .detail { width: 545px; font-size: 18px; line-height: 30px; color: #fff; }
.about-si .detail .line { top: 20px; width: 90px; height: 8px; background: #e50000; margin-bottom: 21px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p { top: 28px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p.fz36 { font-size: 36px; line-height: 56px; color: #fff; }
.about-si .detail img { top: 63px; filter: alpha(opacity=0); opacity: 0; }
.about-fo .box-in{ display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 0!important; padding-left: 130px; padding-right: 130px; text-align: center; font-size: 18px; line-height: 36px; }
.about-fo .box:before{ content: ""; background: #E83827 url(../images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 0px; left: 0px; z-index: 10; }
.about-fo .box:after{ content: ""; background: #E83827 url(../images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 0px; right: 0px; z-index: 10; transform:rotateY(180deg) }

@media (max-width:1199px){
.about-fo .main{width:850px; margin-left:-425px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:650px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
}
@media (max-width:993px){
	.navRig{ right:15px; height:52px; line-height:52px;}
	.navRig > ul{ margin:0;}
	.navRig > ul > li > a{ padding:0px 10px !important;}
}
@media (max-width:991px){
.about-fo .main{width:700px; margin-left:-350px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:560px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
.about-fo .list li{margin:0 25px;}
}
@media (max-width:767px){
.about-fo .main{width:100%; margin-left:-0; left:0}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:100%;}
.about-fo .box-in{ font-size:14px; line-height:26px; padding-left:15px; padding-right:15px;}
.about-fo .list li{margin:0 6px; border-width:1px;}
.about-fo .box:before,.about-fo .box:after{display:none;}
.about-fo .btn{top:240px; z-index:5}
.about-fo .list{background:none;}
.about-fo .list li{margin:0 2px;}
.hmp2ItmsTxt p{ padding:0 6px;}
.m2fw_d2 li{width:100%;}
nav.navbar.bootsnav .navbar-brand{float:left !important; margin-left:40px !important;}
nav.navbar.bootsnav .navbar-brand img{margin-top:10px; width:120px;}
}
@media (min-width:768px){
.m2subMenu{overflow:hidden;}
.m2subMenu_a{height:68px;}
}


/* Floating Ad */
#ad_floating {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
}
#ad_floating img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#ad_floating_close {
	width: 16px;
	height: 16px;
	top: 0;
	right: 0;
	background-image: url("/images/close.png");
	cursor: pointer;
	z-index: 9999;
}

